<template>
	<view class="main animated fadeIn faster">
		<view class="content position-fixed z-index-100" :style="{'paddingTop':$store.state.statusBarHeight+'px'}">
			<view class="title">
				<view class="goback" @click="goback">
					<image src="../../static/组 2457.png"></image>
				</view>
				<text>关于悦小嗒</text>
			</view>
		</view>
		<view class="version">
			<view class="icon">
				<image src="/static/无标题.png"></image>
			</view>
			<view class="text">悦小嗒</view>
			<view class="VersionNumber">Version 6.56.0 18395</view>
		</view>
		<view class="list">
			<view class="item" v-for="i in 3">
				<text>检查更新</text>
				<view class="icon">
					<image src="../../static/组 2457.png"></image>
				</view>
			</view>
		</view>
		<view class="bottom">
			<view class="agreement">
				<view class="item">服务协议|</view>
				<view class="item">隐私政策|</view>
				<view class="item">个人信息收集清单</view>
			</view>
			<view class="NetworkSignal">
				<view class="item">网信算备4140106888447302230017号</view>
				<view class="item">网信算备4140106888447302230017号</view>
			</view>
		</view>
	</view>
</template>

<script>
	import store from '@/store/index.js';
	export default {
		data() {
			return {
			}
		},
		methods: {
			changType(type){
				this.ctype = type
			},
			goback() {
				uni.navigateBack({
					delta: 1
				});
			}
		}
	}
</script>

<style scoped lang="scss">
.main {
	background: #fff;
	overflow: hidden;
	.content {
		width: 100%;
		background-color: #fff !important;
	}
	.version {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 200rpx;
		.icon {
			margin: 30rpx 0 10rpx;
			image {
				width: 300rpx;
				height: 120rpx;
			}
		}
		.text {
			font-size: 34rpx;
			margin-bottom: 10rpx;
		}
	}
	.list {
		margin-top: 20rpx;
		padding: 0 20rpx 0 40rpx;
		.item {
			display: flex;
			justify-content: space-between;
			padding: 30rpx 0;
			border-bottom: 1px solid #e8e8e8;
			text {
				font-size: 32rpx;
				color: #555;
			}
			.icon {
				image {
					margin-right: 30rpx;
					width: 12rpx;
					height: 24rpx;
					transform: rotate(180deg);
				}
			}
		}
	}
	.bottom {
		position: absolute;
		width: 100%;
		bottom: 300rpx;
		.agreement {
			text-align: center;
			margin-bottom: 30rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			.item {
				color: #71abe9;
				font-size: 30rpx;
			}
		}
		.NetworkSignal {
			.item {
				text-align: center;
				font-size: 26rpx;
				color: #797979;
			}
		}
	}
}
.title {
	display: flex;
	align-items: center;
	font-weight: 700;
	height: 80rpx;
	.goback {
		image {
			margin-left: 50rpx;
			width: 20rpx;
			height: 30rpx;
		}
	}
	text {
		flex: 1;
		margin-right: 50rpx;
		font-size: 34rpx;
		text-align: center;
	}
}
.pt-300 {
	padding-top: 300rpx;
}
</style>
